<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面制作</title>		
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<link rel="stylesheet" type="text/css" href="css/basic.css"/>		
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>		   
		   
	</head>
	<body>
		
		
		<div class="cart_content">
			
			
			<div class="hot_food">
				
				<h3>本店顾客最长点的菜</h3>
				
				<div class="item_list_outer">
					<ul class="item_list">
						<li>	
							<div class="inner">
								<img src="images/1.jpg" />
								<p class="title">大蒜腊肉</p>						
								<p class="price">¥26</p>
							</div>		
						</li>
						
						<li>
							<div class="inner">
								<img src="images/2.jpg" />
								
								<p class="title">家乡扣肉</p>
								
								<p class="price">¥26</p>	
							</div>					
							
						</li>
						
						<li>	
							<div class="inner">
								<img src="images/1.jpg" />
								<p class="title">大蒜腊肉</p>						
								<p class="price">¥26</p>
							</div>		
						</li>
						
						<li>
							<div class="inner">
								<img src="images/2.jpg" />
								
								<p class="title">家乡扣肉</p>
								
								<p class="price">¥26</p>	
							</div>					
							
						</li>
						
						<li>
							<div class="inner">
								<img src="images/2.jpg" />
								
								<p class="title">家乡扣肉</p>
								
								<p class="price">¥26</p>	
							</div>					
							
						</li>
						
						
					</ul>
					
				</div>
				
			</div>
			
			
			<div class="cart_empty">
				<h3>购物车空空的 </h3>
				
				<p>您可以点击下面的菜单开始点菜</p>
			</div>
			
			
		</div>
		
		<div id="footer_nav" class="footer_nav">
			<img src="images/navigation.png"/>
			<p>导航</p>
		</div>
			
		
		<div id="footer_book" class="footer_book">
			<img src="images/menu.png"/>
			<p>菜单</p>
		</div>
		
		
		
		<div id="footer_cart" class="footer_cart">
			<img src="images/cart.png"/>
			<p>购物车</p>
		</div>
		
	</body>
</html>
